body{
background:#f9f9f9;
font: 14px/1.5 Tahoma,Arial,"Hiragino Sans GB","微软雅黑",sans-serif;
}
header{
position:relative;
background:#fff;
color:#666;
font-size:14px;
line-height:1.5em;
z-index:20;
}
.header-top{
/*position:relative;*/
font-size:12px;
height:29px;
line-height:29px;
border-bottom:1px solid #e5e5e5;
background-color:#f2f2f2;
}
.top-inner{
width:1168px;
margin: 0 auto;
overflow:hidden;
}
.inner-left{
float:left;
display:inline-block;
}
.inner-left a{
color:#666;
}
.inner-left a i{
color:#fa4b9b;
margin-right:.2em;
}
.inner-right{
position:relative;
float:right;
padding-right:5px;
}
.inner-right span{
margin:0 10px;
float:left;
}
.inner-right ul{
overflow:hidden;
}
.inner-right ul li{
float:left;
margin: 0 10px;
position:relative;
}
.inner-right ul li:nth-of-type(1):after{
content:"";
display:block;
width:1px;
height:11px;
background:#d7d7d7;
position:absolute;
top:9px;
right:-10px;
}
.inner-right ul li a{
color:#666;
}
.header-middle{
width:1168px;
margin: 0 auto;
padding:20px 0 25px 0;
position:relative;
overflow:hidden;
}
.header-middle h1{
margin-top:10px;
float:left;
}
.middle-right{
float:right;
}


.search{
float:left;
margin-top:28px;

}
.search input{
width:387px;
height:34px;
text-align:left;
padding:6px 0 6px 10px;
line-height:18px;
border:2px solid #fa4b9b;
font-size:12px;
float:left;
}
.search button{
border:none;
background-color:#fa4b9b;
width:90px;
height:34px;
text-align:center;
color:#fff;
line-height:34px;
float:left;
font-size:14px;
font-weight:bold;
letter-spacing:5px;
cursor:pointer;
}
/*.cart{*/
/*float:left;*/
/*margin:28px 30px 0 28px;*/
/*position:relative;*/
/*}*/
/*.cart a{*/
/*color:#666;*/
/*display:inline-block;*/
/*width:143px;*/
/*height:34px;*/
/*border:1px solid #e5e5e5;*/
/*padding-left:35px;*/
/*line-height:32px;*/
/*text-align:center;*/
/*position:relative;*/
/*}*/
/*.cart a span{*/
/*display:inline-block;*/
/*width:1px;*/
/*height:15px;*/
/*background:#e5e5e5;*/
/*position:absolute;*/
/*top:9px;*/
/*left: 34px;*/
/*display:none;*/
/*}*/
/*.cart a i{*/
/*color:#fff;*/
/*display:inline-block;*/
/*width:36px;*/
/*height:34px;*/
/*background-color:#fa4b9b;*/
/*text-align:center;*/
/*line-height:34px;*/
/*font-size:18px;*/
/*position:absolute;*/
/*top:-1px;*/
/*left: -1px;*/
/*}*/
/*.cart-more{*/
/*border:1px solid #fa4b9b;*/
/*border-top:none;*/
/*position:absolute;*/
/*top:38px;*/
/*right: 0px;*/
/*background:#fff;*/
/*font-size:12px;*/
/*text-align:center;*/
/*padding:10px;*/
/*width:270px;*/
/*display:none;*/
/*}*/
/*.cart-more:before{*/
/*content:"";*/
/*display:block;*/
/*width:127px;*/
/*height:1px;*/
/*background-color:#fa4b9b;*/
/*position:absolute;*/
/*top:0;*/
/*left: 0;*/
/*}*/
.header-nav{
margin-top:5px;
background-color:#fa4b9b;
position:relative;
z-index:3;
}
.nav-inner{
width:1168px;
margin: 0 auto;
position:relative;
}
.nav-inner>ul{
height: 46px;
line-height:46px;
/*overflow:hidden;*/
margin-left:230px;
font-size:16px;
}
.nav-inner>ul>li{
float:left;
}
.nav-inner>ul>li>a{
color:#fff;
display:inline-block;
padding:0px 30px;
text-align:center;
}
.nav-inner>ul>li>a.current{
background-color:#ec0971;
}
.icon-circle-down{
display:inline-block;
width:16px;
height:16px;
text-align:center;
line-height:16px;
transition:.5s;
}
.nav-down{
display:none;
background-color:#fff;
}
.nav-down ul li{
padding:0px 5px;
border-top:1px dashed #ddd;
}
.nav-down ul li a{
display:block;
color:#666;
padding-left:25px;
}
.pro-menu{
background-color: rgba(255,255,255,.95);
position:absolute;
top:-3px;
left: 0px;
width:230px;
z-index:20;
}
.menu-title{
width:230px;
height:52px;
background: -webkit-linear-gradient(left,#f92a85,#fc3d97);
padding-left: 22px;
position:relative;
}
.menu-title h2{
font-weight:bolder;
font-size:16px;
line-height:52px;
color:#fff;
}
.menu-title i{
display:none !important;
}
.menu-detail{
position:relative;
z-index:20;
display:block !important;
}
.menu-detail>dl{
padding:5px 22px 5px 22px;
border-bottom:1px dashed #ccc;
position:relative;
}
.menu-detail>dl:nth-last-of-type(1){
border-bottom:none;
}
.menu-detail>dl>i{
display:inline-block;
width:16px;
height:16px;
font-size:16px;
line-height:16px;
text-align:center;
position:absolute;
top:50%;
right:12px;
transform:translate(0,-50%);
color:#d6d6d6;
}
.menu-detail>dl>dt{
width:13em;
font-size:14px;
color:#fb60a7;
font-weight:bolder;
}
.menu-detail>dl>dd{
min-height:40px;
height:auto !important;
max-height:40px;
margin-top:3px;
width:170px;
font-size:12px;
/*overflow:hidden;*/
position:relative;
}
.menu-detail>dl>dd>a{
margin-right:4px;
line-height:1;
vertical-align:middle;
display:inline-block;
color:#666;
}
.menu-children{
width:870px;
min-height:385px;
/*height:auto !important;*/
position:absolute;
left: 227px;
top:0;
border:1px solid #e5e5e5;
display:none;
background:#fff;
z-index:10;
}
.children-left{
width:530px;
min-height:390px;
/*height:auto !important;*/
display:flex;
flex-wrap:wrap;
justify-content:space-around;
float:left;
position:relative;
margin: 15px 25px;
}
.children-left>dl{
width:250px;
margin: 0 0 20px 0;
}
.children-left>dl>dt{
font-size:14px;
color:#222;
border-bottom: 1px solid #e5e5e5;
padding-bottom: 8px;
font-weight:bold;
margin-bottom:10px;
}
.children-left>dl>dd{
float:left;
margin-right: 10px;
}
.children-left>dl>dd>a{
display:inline-block;
color:#666;
line-height:2;
font-size:12px;
}
.children-left>dl>dd>a.hot{
color:#fa4b9b;
}
.children-right{
float:right;
margin: 15px 20px 15px 13px;
width: 246px;
}
.children-right>h3{
font-size:14px;
color:#222;
font-weight:bold;
padding-bottom:8px;
}
.children-right>ul{
display:flex;
flex-wrap:wrap;
}
.children-right>ul>li{
width:82px;
height:82px;
border:1px solid #e5e5e5;
padding:0;
margin: 0;
}
.children-right>ul>li>a{
display:inline-block;
width:100%;
height:100%;

}
.children-right>ul>li>a>img{
width:100%;
height:100%;
}

/*轮播图(banner)*/
.banner{
position:relative;
top:0;
left: 0;
z-index:2;
margin: 0 auto;
height:480px;
width:1343px;
cursor:pointer;
z-index:5;
}
.banner>ul{
height:480px;
}
.banner>ul>li>img{
height:480px;
width:100%;

}
.banner>ul>li{
position:absolute;
opacity:0;
}
.banner>ul>li.current{
opacity:1;
}
.circle{
width:60px;
height:30px;
background:rgba(255,255,255,.5);
border-radius:15px;
position:absolute;
bottom:20px;
right:100px;
text-align:center;
line-height:30px;
}
.circle span{
display:inline-block;
width:14px;
height:14px;
border-radius:50%;
background:#fff;
}
.circle span.current{
background:#fa4b9b;
}
.pro_main{
width:1168px;
margin: 0 auto;
}
.pro_brand{
width:860px;
height:111px;
margin: 10px 0 0 308px;
background:#fff;
overflow:hidden;
}
.pro_brand h3{
font-size:14px;
font-weight:bold;
padding:0 27px;
color:#444;
float:left;
margin-top:45px;
}
.pro_brand a{
display:inline-block;
float:left;
margin:16px 15px 0;
}
.pro_brand a img{
width:94px;
}
.pro_rec{
margin-top:25px;
}
.pro_main h2{
font-size:24px;
color:#222;
font-weight:bold;
}
.pro_main h2 span{
font-size:18px;
color:#999;
font-weight:400;
vertical-align: -1px;
margin-left:18px;
}
.rec_detail{
margin-top:20px;
overflow:hidden;
}
.rec_detail a{
display:inline-block;
width:233.6px;
float:left;
background:#fff;
border:1px solid #e5e5e5;
margin-right:-1px;
margin-top: -1px;
color:#666;
}
.rec_detail a img{
width:231.6px;
height:231.6px;
border:0;
}
.rec_message{
min-height:75px;
height: auto!important;
position: relative;
padding: 15px;
font-size:12px;
}
.rec_message h4{
font-size:12px;
font-weight:bold;
height:18px;
line-height:18px;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
color:#222;
}
.rec_message em{
color:#555;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
display:block;
height:18px;
line-height:18px;
}
.price{
float:left;
margin-top:20px;
margin-bottom:13px;
}
.price>span{
display:block;
}
.price .new{
color:#ff4a49;
font-size:14px;
}
.price .new b{
font-size:20px;
}
.price .old{
color:#555;
font-size:12px;
line-height:1.2;
}
.btn{
display:block;
height:28px;
line-height:28px;
font-size:12px;
padding: 0 15px;
position:absolute;
right:15px;
bottom:-25px;
border-radius:15px;
background:#ff4a49;
color:#fff;
}
.buy{
font-size:12px;
color:#666;
position:absolute;
right:15px;
bottom:-45px;
}
.rec_detail>a:hover h4{
color:#ff4a49;
}
.great_brand{
margin-top:25px;
}
.each_brand{
margin-top:20px;
padding:0 6px 20px;
border:1px solid #e5e5e5;
margin-bottom:15px;
background-color:#fff;
}
.each_title{
padding:19px;
}
.each_title>a{
display:block;
height:80px;
overflow:hidden;
}
.each_title>a>img{
width:80px;
height:100%;
float:left;
border: 2px solid #f4f4f4;
border-radius:10px;
margin-right:10px;

}
.each_title>a>h3{
line-height:80px;
font-size:18px;
color:#666;
}
.each_pro{
overflow:hidden;

}
.each_pro a{
display:inline-block;
width:209.6px;
margin-left:20px;
float:left;
position:relative;
}
.each_pro a img{
width:209.6px;
height:209.6px;
}
.each_pro a>span{
width:auto;
max-width:160px;
height:26px;
font-size:14px;
line-height:24px;
text-align:center;
text-overflow:ellipsis;
white-space:nowrap;
overflow:hidden;
padding:0px 10px;
opacity:0.9;
color:#f72283;
display:block;
border:1px solid #faa8cd;
border-radius:24px;
background:#fff;
position:absolute;
left: 50%;
top:160px;
transform:translate(-50%,0);
}
.pro_intro p{
color:#222222;
font-size:14px;
height:48px;
line-height:24px;
overflow:hidden;
}
.newPrice{
color:#fa4b9b;
font-size:14px;
}
.newPrice b{
font-size:20px;
font-weight:bold;
}
.oldPrice{
color:#999;
}
.footer{
font-size:12px;
width:100%;
background:#fff;
border-top:1px solid #dfdfdf;
}
.footer_gen{
width:1168px;
margin: 0 auto;
padding:20px 0 15px 0;
overflow:hidden;
display:flex;
flex-wrap:wrap;
justify-content:space-around;
border-bottom:1px solid #f2f2f0;
}
.footer_gen a{
float:left;
text-align:center;
width:167px;
color:#999;
font-size:12px;
line-height:1.4;
}
.footer_gen a:nth-of-type(1) i{
display:inline-block;
width:60px;
height:60px;
background:url("../images/splite.png") no-repeat 0 0;
}
.footer_gen a:nth-of-type(2) i{
display:inline-block;
width:60px;
height:60px;
background:url("../images/splite.png") no-repeat -60px 0;
}
.footer_gen a:nth-of-type(3) i{
display:inline-block;
width:60px;
height:60px;
background:url("../images/splite.png") no-repeat -120px 0;
}
.footer_gen a:nth-of-type(4) i{
display:inline-block;
width:60px;
height:60px;
background:url("../images/splite.png") no-repeat -180px 0;
}
.footer_gen a:nth-of-type(5) i{
display:inline-block;
width:60px;
height:60px;
background:url("../images/splite.png") no-repeat -240px 0;
}
.footer_gen a:nth-of-type(6) i{
display:inline-block;
width:60px;
height:60px;
background:url("../images/splite.png") no-repeat -300px 0;
}
.footer_gen a h5{
font-size:15px;
margin-top:5px;
color:#333;
font-weight:bold;
}
.footer_h_c{
padding-top:18px;
border-bottom:1px solid #f2f2f0;
width:100%;
}
.footer_help{
width:1061px;
margin:0 auto;
overflow:hidden;
}
.help_l{
float:left;
margin-right:15px;
overflow:hidden;
}
.help_l dl{
width:132px;
float:left;
padding-left:10px;
}
.help_l dl dt{
font-size:14px;
color:#333;
margin-bottom:10px;
font-weight:bold;
height:26px;
line-height:26px;
}
.help_l dl dd{
height:26px;
line-height:26px;
}
.help_l dl dd a{
font-size:12px;
color:#666;
}
.help_l .contact{
width:200px;
}
.help_r{
float:right;
margin-right:40px;
border-left: 1px solid #f2f2f0;
width:205px;
height:168px;
padding-left:18px;
position:relative;
}
.help_r h3{
font-size:14px;
font-weight:bold;
padding-bottom:8px;
height:34px;
line-height:26px;
}
.help_r a{
position:relative;
float:left;
width:76px;
}
.help_r img:nth-of-type(1){
float:left;
margin-right:7px;
}
.wx_code{
position:absolute;
top: -55px;
left: -185px;
display:none;
}
.footer_link{
width:1061px;
margin: 0 auto;
padding-top:15px;
color:#979797;
line-height:22px;
text-align:center;
}
.footer_link p:nth-of-type(1){
padding-bottom:10px;
color:#979797;
}
.footer_link p:nth-of-type(1) a{
padding:0 10px;
color:#666;
}
.footer_link ul{
overflow:hidden;
margin: 0 auto;
width:262px;
padding:10px 0;
}
.footer_link ul li{
float:left;
}
.rightbar{
display:none;
position:fixed;
bottom:100px;
left: 50%;
margin-left: 618px;
z-index:99;
}
.rightbar ul{
width:54px;
border-radius:5px 5px 0 0;
border:1px solid #e6e6e6;
text-align:center;
font-size:12px;
}
.rightbar ul li{
border-radius:5px 5px 0 0;
padding:7px 0 2px 0;
border-bottom:1px solid #e6e6e6;
background:#fff;
}
.rightbar ul li a{
color:#666;
}
.rightbar ul li i{
display:block;
color:#fa4b9b;
width:28px;
height:28px;
line-height:28px;
font-size:22px;
margin:0 auto;
}
.rightbar_wx{
position:absolute;
bottom:30px;
right:97px;
width: 157px;
height: 193px;
background:url("../images/wx_sidebar.png");
}
.wx:hover .move{
right:55px;
transition:right .7s ease;
visibility: visible;
}
.move{
visibility: hidden;
}
.top{
background:#fa4b9b;
color:#fff;
border-radius:0 0 5px 5px;
height:28px;
font-size:15px;
text-align:center;
line-height:28px;
cursor:pointer;
}
.leftbar{
display:none;
position:fixed;
right: 50%;
margin-right: 582px;
bottom:100px;
z-index:99;
}
.advertise{
display:none;
height:22px;
line-height:22px;
width:40px;
background:#e0e0e0;
color:#fff;
position:fixed;
left: 50%;
margin-left: 618px;
bottom:10px;
text-align:center;
border-radius:2px;
z-index:99;
}

